<template>
	<footer id="footer">
		<ul>
			<router-link replace to="/movies" tag="li">
				<i class="iconfont icon-dianying1"></i>
				<p>电影</p>
			</router-link>
			<router-link replace to="/filesCames" tag="li">
				<i class="iconfont icon-yingyuan"></i>
				<p>影院</p>
			</router-link>
			<router-link replace to="/mine" tag="li">
				<i class="iconfont icon-icon_mine"></i>
				<p>我的</p>
			</router-link>
		</ul>
	</footer>
</template>

<script>
</script>

<style scoped>
	#footer{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background-color: white;
		border-top: 2px #ebe8e3 solid;
		
	}
	#footer > ul {
		display: flex;
		text-align: center;
		align-items: center;
		height: 50px;
	}
	#footer > ul > li{
		flex: 1;
		height: 40px;
		box-sizing: border-box;
	}
	#footer > ul > li > .iconfont{
		font-size: 22px;
	}
	#footer > ul > li>p{
		margin-top: 5px;
	}
	#footer > ul > li.router-link-active{
		color: #f03d37;
	}
</style>
